<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" /> 
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="css/style.css"/>       
        <link rel="stylesheet" href="assets/css/ace.min.css" />
        <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
        <link rel="stylesheet" href="Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
        <link href="Widget/icheck/icheck.css" rel="stylesheet" type="text/css" />   
		<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->
        <!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->
	    <script src="js/jquery-1.9.1.min.js"></script>   
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/typeahead-bs2.min.js"></script>
		<!-- page specific plugin scripts -->
		<script src="assets/js/jquery.dataTables.min.js"></script>
		<script src="assets/js/jquery.dataTables.bootstrap.js"></script>
        <script type="text/javascript" src="js/H-ui.js"></script> 
        <script type="text/javascript" src="js/H-ui.admin.js"></script> 
        <script src="assets/layer/layer.js" type="text/javascript" ></script>
        <script src="assets/laydate/laydate.js" type="text/javascript"></script>
        <script type="text/javascript" src="Widget/zTree/js/jquery.ztree.all-3.5.min.js"></script> 
        <script src="js/lrtk.js" type="text/javascript" ></script>
<title>产品列表</title>
</head>

<body>
<div class=" page-content clearfix">
 <div id="products_style">
    <!--<div class="search_style">
     
      <ul class="search_content clearfix">
       <li><label class="l_f">产品名称</label><input name="" type="text" id="pp" class="text_add" placeholder="输入品牌名称"  style=" width:250px"/></li>
       <li><label class="l_f">添加时间</label><input class="inline laydate-icon" id="start" style=" margin-left:10px;"></li>
       <li style="width:90px;" ><button type="button" class="btn_search" onclick="refurbishIndex()"><i class="icon-search"></i>查询</button></li>
      </ul>
    </div>-->
    <!-- <div class="border clearfix">
       <span class="l_f">
        <a href="picture-add.html" title="添加商品" class="btn btn-warning Order_form"><i class="icon-plus"></i>添加商品</a>
        <a href="javascript:ovid()" class="btn btn-danger"><i class="icon-trash"></i>批量删除</a>
       </span>
       <span class="r_f">共：<b id="geshu" ></b>件商品</span>
     </div>-->
     <!--产品列表展示-->
   <!--   <div class="h_products_list clearfix" id="products_list">
       <div id="scrollsidebar" class="left_Treeview">
        <div class="show_btn" id="rightArrow"><span></span></div>
        <div class="widget-box side_content" >
        <div class="side_title"><a title="隐藏" class="close_btn"><span></span></a></div>
         <div class="side_list"><div class="widget-header header-color-green2"><h4 class="lighter smaller">产品类型列表</h4></div>
         <div class="widget-body">
          <div class="widget-main padding-8"><div id="treeDemo" class="ztree"></div></div>
        </div>
       </div> 
      </div>  
     </div>-->
         <div class="table_menu_list" id="testIframe">
       <table class="table table-striped table-bordered table-hover" id="sample-table">
		<thead>
		 <tr>
		 	<th width="25px"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th>
				<th >分类编号</th>
				<th >分类名称</th>
				<th >分类状态</th>  
				<th >状态</th>
				<th >操作</th>
			</tr>
		</thead>
	<tbody id="tbodydatas">  


    </tbody>
    </table>
    </div>     
  </div>
 </div>
</div>
</body>


	<script type="text/javascript">   //分类查询
				foot () 
			function foot () {
						$.ajax({
            url: 'http://localhost:16111/goods/fl',
             xhrFields:{withCredentials: true},
            dataType: 'json',
            type:"post",
            success:function(data){
            var str = '';
          	var user = eval('(' + JSON.stringify(data) + ')')
            for(var i in user.data){
        str+=
        '<tr style=\"color: red; font-size: 16px;\">'+
        '<td width=\"25px\"><label><input type=\"checkbox\" class=\"ace\" ><span class=\"lbl\"></span></label></td>'+
        '<td width=\"80px\" class=\"cccc\">1</td>'+
        "<td width=\"180px\">"+user.data[i].category_name+"</td>"+
        '<td class=\"text-l\">通过</td>'+
        '<td class=\"td-status\"><span class=\"label label-success radius\">已启用</span></td>'+
        '<td class=\"td-manage\">'
         +"<a onclick='member_stops("+data.data[i].id +",this)'   title='停用'  class='btn btn-xs btn-success' ><i class='icon-ok bigger-120'></i></a>"
        '</td>';
       for(var a in user.data[i].child){
       	 str+=
      	'<tr style=\"color: blue; font-size: 14px;\">'+
        '<td width=\"25px\"><label><input type=\"checkbox\" class=\"ace\" ><span class=\"lbl\"></span></label></td>'+
        '<td width=\"80px\" class=\"cccc\">1</td>'+
        "<td width=\"180px\">"+user.data[i].child[a].category_name+"</td>"+
        '<td class=\"text-l\">通过</td>'+
        '<td class=\"td-status\"><span class=\"label label-success radius\">已启用</span></td>'+
        '<td class=\"td-manage\">'
         +"<a onclick='member_stops("+data.data[i].id +",this)'   title='停用'  class='btn btn-xs btn-success' ><i class='icon-ok bigger-120'></i></a>"
        '</td>';
        
          for(var o in user.data[i].child[a].child){
	    str+=
	    '<tr style=\"color: black; font-size: 12px;\">'+
        '<td width=\"25px\"><label><input type=\"checkbox\" class=\"ace\" ><span class=\"lbl\"></span></label></td>'+
        '<td width=\"80px\" class=\"cccc\">1</td>'+
        "<td width=\"180px\">"+user.data[i].child[a].child[o].category_name+"</td>"+
        '<td class=\"text-l\">通过</td>'+
        '<td class=\"td-status\"><span class=\"label label-success radius\">已启用</span></td>'+
        '<td class=\"td-manage\">'
         +"<a onclick='member_stops("+data.data[i].id +",this)'   title='停用'  class='btn btn-xs btn-success' ><i class='icon-ok bigger-120'></i></a>"
       '</td>'+
	 '</tr>';
      }
        
	  str+='</tr>';
	  }
	
	   str+='</tr>'
        }
        $("#tbodydatas").html(str);
             }
        })
	}
			

				</script>


</html>
